<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="./thisP/css/videoShare.css">
	<script src="./my_assist/js/jquery-3.1.1.js"></script>
	<script src="./my_assist/js/phone.js"></script>
	<script src="./thisP/js/videoShare.js"></script>
</head>
<body>
	<div id="videoShare">
		<!-- 隐藏播放器 -->
		<div id="musicV">
			<video id="videoId" controls="controls" width="0" height="0" autoplay="autoplay" loop="loop">
		            <source src="" type="video/ogg"/>
		            <source src="" type="video/webm" />
		            您的浏览器不支持  
			</video>
		</div>
	<!-- 图片 -->
		<div class="top">
			<img src="./thisP/image/product03.jpg" alt="">
			<div class="listener">
				<img src="./thisP/image/content_icon_listen_white@2x.png" alt="">
				<span id="earPeople">236</span>
			</div>
			<div class="title">如何运用占星来谈一段好感情</div>
		</div>
	<!-- progress -->
		<div class="progress_box">
			<div class="progress">
				<span class="progress_bar"></span>
			</div>
		</div>
	<!-- timePlay -->
		<div class="time">
			<span id="CurrentTime"></span>
			<span id="Duration"></span>
		</div>
	<!-- controlPlay -->
		<div class="controlPlay">
			<img class="prev" id="music_last" src="./thisP/image/content_btn_prev@2x.png">
			<img class="playStatus playSAct" id="music_play" src="./thisP/image/content_btn_pause@2x.png">
			<img class="playStatus " id="music_stop" src="./thisP/image/content_btn_play@2x.png"> 
			<img class="next" id="music_next" src="./thisP/image/content_btn_next@2x.png">
		</div>

	<!-- musicList  dom插入 列表-->
		<div class="musicList"></div>
	</div>
</body>
</html>



			